﻿<div class="content-wrap">
    <div class="content" style="padding-top: 20px;">
        <div class="sidebar">
            <div class="home-blue-title">
                Did you know?
            </div>
            <div class="home-blue-title-mobile">
                Did you know?
            </div>
            <div class="home-left-text">
                You can view the top 20 company downloads on the Home tab.
            </div>
            <div class="home-left-text-mobile">
                You can view the top 20 company downloads on the Home tab.
            </div>
        </div>
        <div class="main-col">
            <div sustainalytics-navigation-menu navigation-menu-templateurl="/Views/Menu/CategoryMenu.html" navigation-menu-sitemap="CAT"></div>
            <div class="main-col-listing">
                <div class="title-border">Knowledge Center</div>
                <div id="insightsContainer" class="scroll-container">
                    <div class="insights-cover-box" ng-repeat="insight in insightsList.insightsTopList" ng-class="$index%4 == 3 ? 'last' : ''">
                        <a href="#/insights/{{insight.id}}"><img ng-src="{{insight.imageUrl}}" width="120" style="border:1px solid black" ng-show="insight.imageUrl"></a>
                        <div class="insights-cover-box-text">
                            <a href="#/insights/{{insight.id}}" class="news-listing-title">{{insight.title}}</a><br />
                            {{insight.datePublished | date: 'MMMM, yyyy'}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear">&nbsp;</div>
        </div>
    </div>
</div>